import React,{Component} from "react"
import { NavLink } from 'react-router-dom'



class Footer extends Component{
    constructor(props){
        super(props);
        this.state={
            list:[1,2,3]
        }
    }

    componentDidMount(){

    }

    render(){
        return(


            <footer>
                <ul>
                    <li>
                        <NavLink to='/home'>
                            <span></span>
                            <p>收藏</p>
                        </NavLink>

                    </li>
                    <li>
                        <NavLink to='/kind'>
                            <span></span>
                            <p>购物车</p>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/cart'>
                            <span></span>
                            <p>加入购物车</p>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/user'>
                            <span></span>
                            <p>提交订单</p>
                        </NavLink>
                    </li>
                </ul>
            </footer>

        )
    }
}

export default Footer